<!doctype html>
<html ng-app="xiyouwebsite6">

<head>
  <meta charset="utf-8">
  <title>xiyouwebsite6</title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width">
  <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->

  <!-- build:css({.tmp/serve,src}) styles/vendor.css -->
  <!-- bower:css -->
  <!-- run `gulp inject` to automatically populate bower styles dependencies -->
  <!-- endbower -->
  <!-- endbuild -->

  <!-- build:css({.tmp/serve,src}) styles/app.css -->
  <!-- inject:css -->
  <!-- css files will be automatically insert here -->
  <!-- endinject -->
  <!-- endbuild -->
</head>

<body>
  <!--[if lt IE 10]>
      <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
    <![endif]-->
  <!--

  ########     ###     ######   ########       ##
  ##     ##   ## ##   ##    ##  ##           ####
  ##     ##  ##   ##  ##        ##             ##
  ########  ##     ## ##   #### ######         ##
  ##        ######### ##    ##  ##             ##
  ##        ##     ## ##    ##  ##             ##
  ##        ##     ##  ######   ########     ######      -->
  <section data-route="/">
    <!--

    ######## ########  #### ########
       ##    ##     ##  ##  ##     ##
       ##    ##     ##  ##  ##     ##
       ##    ########   ##  ########
       ##    ##   ##    ##  ##
       ##    ##    ##   ##  ##
       ##    ##     ## #### ##            -->
    <div class="section" style="height:200px;background:url(/assets/images/banner.png);margin-top:-20px" class="container-fluid">
      <!-- 这里是开始的banner -->
    </div>
    <div class="container">
      <div>
        <!-- Nav tabs -->
        <ul class="nav nav-tabs" role="tablist">
          <li role="presentation" class="active"><a href="#TripPage" aria-controls="home" role="tab" data-toggle="tab">行程规划</a></li>
          <li role="presentation"><a href="#CharteredCarPage" aria-controls="profile" role="tab" data-toggle="tab">向导包车</a></li>
        </ul>
        <!-- Tab panes -->
        <div class="tab-content">
          <div role="tabpanel" class="tab-pane active" id="TripPage">
            <div class="row">
              <!-- 行程规划 begin -->
              <div class="col-md-12">
                <hr>
                <div class="row">
                  <!-- 地点input begin -->
                  <div class="col-xs-4">
                    <label class="FormLabel">
                      <i class="glyphicon glyphicon-map-marker"></i> 地点
                    </label>
                  </div>
                  <div class="col-xs-8">
                    <!-- <input type="text" class="form-control transparentInput color-orange" placeholder="请输入地点.."> -->
                    <select class="Multiselect" multiple="multiple" placeholder="你想去的地方">
                      <option value="cheese">美国东部</option>
                      <option value="tomatoes">美国西部</option>
                      <option value="mozarella">美国南部</option>
                      <option value="mushrooms">美国北部</option>
                      <option value="pepperoni">Pepperoni</option>
                      <option value="onions">Onions</option>
                    </select>
                  </div>
                </div>
                <!-- 地点input end -->
                <hr>
                <!-- 出发日期输入 begin -->
                <div class="row">
                  <div class="col-xs-4">
                    <label class="FormLabel">
                      <i class="glyphicon glyphicon-calendar"></i> 出发日期
                    </label>
                  </div>
                  <div class="col-xs-8">
                    <input type="text" class="form-control TransparentInput Datetimepicker" placeholder="请输入出行日期.." id="tripGoDate">
                  </div>
                </div>
                <hr>
                <!-- 出发日期输入 end -->

                <!-- 返回日期输入 begin -->
                <div class="row">
                  <div class="col-xs-4">
                    <label class="FormLabel">
                      <i class="glyphicon glyphicon-calendar"></i> 返回日期
                    </label>
                  </div>
                  <div class="col-xs-8">
                    <input type="text" class="form-control TransparentInput Datetimepicker" placeholder="请输入返回日期.." id="tripBackDate"/>
                  </div>
                </div>
                <hr>
                <!-- 返回日期输入 end -->

                <!-- 是否可以自由调整时间 begin -->
                <div class="row">
                  <div class="col-xs-7">
                    <label class="FormLabel">
                      <i class="glyphicon glyphicon-random"></i> 出行时间可以调整
                    </label>
                  </div>
                  <div class="col-xs-5">
                    <a class="Tooltip" data-title="勾选此项表示：<br />你的时间可以自由调整。<br />我们将会根据景点的最佳<br />游览日期为您安排行程。">
                      <input type="checkbox" class="form-control TransparentInput Toggle"/>
                    </a>
                  </div>
                </div>
                <hr>
                <!-- 返回日期输入 end -->

                <!-- 出行人数输入 begin -->
                <div class="row">
                  <div class="col-xs-4">
                    <label class="FormLabel">
                      <i class="glyphicon glyphicon-user"></i> 出行人数
                    </label>
                  </div>
                  <div class="col-xs-8">
                    <div class="row">
                      <div class="col-xs-4">
                        <label class="FormLabel">成人</label>
                      </div>
                      <div class="col-xs-8">
                        <input type="number" pattern="[0-9]*"  min="0" value="1">
                      </div>
                    </div>
                    <hr>
                    <div class="row">
                      <div class="col-xs-4">
                        <label class="FormLabel">儿童</label>
                      </div>
                      <div class="col-xs-8">
                        <input type="number" pattern="[0-9]*" min="0" value="0">
                      </div>
                    </div>
                  </div>
                </div>
                <hr>
                <!-- 出行人数输入 end -->
                <div class="row">
                  <div class="col-xs-10 col-xs-offset-1">
                    <a href="/travel/" type="button" class="btn btn-default ButtonNext">开始规划</a>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!--

           ######     ###    ########
          ##    ##   ## ##   ##     ##
          ##        ##   ##  ##     ##
          ##       ##     ## ########
          ##       ######### ##   ##
          ##    ## ##     ## ##    ##
           ######  ##     ## ##     ## -->
          <div role="tabpanel" class="tab-pane" id="CharteredCarPage">
            <div class="row" id="charteredCar">
              <div class="col-md-12">
                <p align="center"><span style="color:red;">* </span>“向导包车”服务为您在单个城市内安排专车导游，并且需要您在游玩当天和导游共同确定行程。如您需要我们为您详细规划行程，请使用“行程规划”服务。</p>
                <!-- 填写城市begin -->
                <hr>
                <div class="row">
                  <div class="col-xs-4">
                    <label class="FormLabel">
                      安排城市
                    </label>
                  </div>
                  <div class="col-xs-8">
                    <select class="Multiselect">
                      <option value="cheese">美国东部</option>
                      <option value="tomatoes">美国西部</option>
                      <option value="mozarella">美国南部</option>
                      <option value="mushrooms">美国北部</option>
                      <option value="pepperoni">Pepperoni</option>
                      <option value="onions">Onions</option>
                    </select>
                  </div>
                </div>
                <hr>
                <!-- 填写城市 end -->
                <!-- 填写日期 begin -->
                <div class="row">
                  <div class="col-xs-4">
                    <label class="FormLabel">
                      安排日期
                    </label>
                  </div>
                  <div class="col-xs-8">
                    <input type="text" class="form-control TransparentInput Datetimepicker" placeholder="请输入出行日期..">
                  </div>
                </div>
                <hr>
                <!-- 填写日期 end -->

                <!-- 填写接送地点 begin -->
                <div class="row">
                  <div class="col-xs-4">
                    <label class="FormLabel">
                      接送地址
                    </label>
                  </div>
                  <div class="col-xs-8">
                    <input type="text" class="form-control TransparentInput" placeholder="请输入..">
                  </div>
                </div>
                <hr>
                <!-- 填写接送地点 end -->
                <!-- 填写见面时间begin -->
                <div class="row">
                  <div class="col-xs-4">
                    <label class="FormLabel">
                      见面时间
                    </label>
                  </div>
                  <div class="col-xs-8">
                    <input type="text" class="form-control TransparentInput TimePicker" placeholder="输入见面时间(例如13:07)">
                  </div>
                </div>
                <hr>
                <!-- 填写见面时间 end -->
                <!-- 填写导游类型 begin -->
                <div class="row">
                  <div class="col-xs-4">
                    <label class="FormLabel">
                      安排导游类型
                    </label>
                  </div>
                  <div class="col-xs-8">
                    <select class="Multiselect GuideType" multiple="multiple" placeholder="选择导游类型">
                      <option value="cheese">性别男（异性恋）</option>
                      <option value="tomatoes">性别男（同性恋）</option>
                      <option value="mozarella">性别女（异性恋）</option>
                      <option value="mushrofdaoms">性别女（同性恋）</option>
                      <option value="mushrodafsoms">双性恋</option>
                      <option value="pepperoni">第三性别</option>
                      <option value="onions">无性取向者</option>
                    </select>
                  </div>
                </div>
                <hr>
                <!-- 填写导游类型 end -->
                <div class="row">
                  <div class="col-xs-10 col-xs-offset-1">
                    <button type="button" class="btn btn-default ButtonNext">提交</button>
                  </div>
                </div>
              </div>
            </div>

          </div>
        </div>
      </div>

    </div>
  </section>

  <!--

  ########     ###     ######   ########     #######
  ##     ##   ## ##   ##    ##  ##          ##     ##
  ##     ##  ##   ##  ##        ##                 ##
  ########  ##     ## ##   #### ######       #######
  ##        ######### ##    ##  ##          ##
  ##        ##     ## ##    ##  ##          ##
  ##        ##     ##  ######   ########    #########      -->
  <section data-route="/travel/">
    <h1>旅行目的选择的页面</h1>
    <p>规划中，没有内容。</p>
  </section>
  <section data-route="/interest/">
    <h1>选择兴趣爱好的页面</h1>
    <p>规划中，没有内容。</p>
  </section>

  <!--


  ########     ###     ######   ########     #######
  ##     ##   ## ##   ##    ##  ##          ##     ##
  ##     ##  ##   ##  ##        ##                 ##
  ########  ##     ## ##   #### ######       #######
  ##        ######### ##    ##  ##                 ##
  ##        ##     ## ##    ##  ##          ##     ##
  ##        ##     ##  ######   ########     #######       -->
  <section data-route="/greeting">Author Name</section>
  <section data-route="/books">Book1, Book2, Book3</section>
  <hr />
  <ul>
    <p>以下链接仅用于调试。正式发布的页面将会删除。</p>
    <li><a href="/">/ 首页</a></li>
    <li><a href="/travel/">/travel/ 选择旅行目的的页面</a></li>
    <li><a href="/interest/">/interest/ 选择兴趣的页面</a></li>
  </ul>

  <!-- build:js(src) scripts/vendor.js -->
  <!-- bower:js -->
  <!-- run `gulp inject` to automatically populate bower script dependencies -->
  <!-- endbower -->
  <!-- endbuild -->

  <!-- build:js({.tmp/serve,.tmp/partials,src}) scripts/app.js -->
  <!-- inject:js -->
  <!-- js files will be automatically insert here -->
  <!-- endinject -->

  <!-- inject:partials -->
  <!-- angular templates will be automatically converted in js and inserted here -->
  <!-- endinject -->
  <!-- endbuild -->
</body>

</html>
